<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link href="css/main.css" rel="stylesheet" type="text/css">
    <script src="js/setHomeSetFav.js" type="text/javascript" charset="gb2312"></script>
    <script src="js/myfocus-2.0.1.min.js" type="text/javascript"></script>
    <script src="js/mf-pattern/mF_fancy.js" type="text/javascript"></script>
    <link href="js/mf-pattern/mF_fancy.css" rel="stylesheet" type="text/css">
    <script type="text/javascript">
    myFocus.set({
        id:'picBox'
    })
    </script>
</head>
<body>
<div class="top">
    <div class="top_content">
        <ul>
            <li><a href="#">联系我们</a></li>
            <li><a href="#" onclick="AddFavorite(window.location,document.title)">加入收藏</a></li>
            <li><a href="#" onclick="SetHome(window.location)" >设为首页</a></li>
        </ul>
    </div>
</div><!--top结束语-->
<div class="wrap">
    <div class="logo">
        <div class="logo_left">
            <img src="images/logo.jpg" alt="慕课网" />
        </div>
        <div class="logo_right">
            <img src="images/tel.jpg" alt="服务热线"/>24小时服务热线：<span class="tel">123-456-7890</span>
        </div>
    </div><!--logo结束语-->
    <div class="nav">
        <div class="nav_left"></div>
        <div class="nav_mid">
            <div class="nav_mid_left">
                <ul>
                    <li><a href="#">首页</a></li>
                    <li><a href="list.html">关于慕思</a></li>
                    <li><a href="list.html">新闻动态</a></li>
                    <li><a href="list.html">课程中心</a></li>
                    <li><a href="list.html">在线课程</a></li>
                    <li><a href="list.html">人才招聘</a></li>
                </ul>
            </div>
            <div class="nav_mid_right">
                <form action="" method="post">
                    <input type="text" class="search_text"/>
                </form>
            </div>
        </div><!--mid结束语-->
        <div class="nav_right"></div>
    </div><!--nav结束语-->
    <div class="ad" id="picBox">
        <div class="loading"><img src="images/loading.gif" alt="图片加载中"／></div>
        <div class="pic">
        <ul>
            <li><img src="images/ad2.jpg"/></li>
            <li><img src="images/ad3.jpg"/></li>
            <li><img src="images/ad4.jpg"/></li>
        </ul>
        </div>
    </div><!--id结束-->
    <div class="main">
        <div class="news">
            <div class="title">
                <h2 class="title_left">新闻中心</h2><span class="title_right"><a href="news.html"> More&gt;&gt;</a></span>
            </div><!--title结束-->
            <div class="pic_news">
                <img src="images/news.jpg"/><h2><a href="news.html">520暮女神喊你来表白！</a></h2><p>活动时间：5月20日-5月25日<br/>公布时间：5月26日<br/><a href="news.html">Learn More&gt;&gt;></a></p>
            </div><!--pic_news结束-->
            <div class="news_list">
                <ul>
                    <li><span>2014-06-01</span><a href="news.html">（慕课网用户片）“有为屌丝”</a></li>
                    <li><span>2014-06-01</span><a href="news.html">（慕课网用户片）“有为屌丝”</a></li>
                    <li><span>2014-05-30</span><a href="news.html">（慕课网用户片）“有为屌丝”</a></li>
                    <li><span>2014-05-28</span><a href="news.html">（慕课网用户片）“有为屌丝”</a></li>
                </ul>
            </div><!--news_list结束-->
        </div><!--news结束-->
        <div class="course">
            <div class="title">
                <h2 class="title_left">课程中心</h2><span class="title_right"><a href="news.html">More&gt;&gt;</a></span>
            </div><!--title结束-->
            <div class="course_pic">
                <img src="images/css.jpg"/><h2><a href="news.html">CSS圆角</a></h2><p>注意事项：1焦点图初始化的ID，与图片列表最外层的id一致2图片列表外表，要包裹一个class为pic的div</p>
            </div><!--course_pic结束-->
            <div class="course_type">
                <ul>
                    <li>PHP开发</li>
                    <li>前端开发</li>
                    <li>JAVA开发</li>
                    <li>Andraid开发</li>
                </ul>
            </div><!--scourse_type结束-->
        </div><!--course结束-->
        <div class="sidebar">
            <div class="video">
                <div class="title"><h2 class="title_left">媒体聚焦</h2></div>
                <div class="video_content">
                    <iframe height=140 width=220 src='http://player.youku.com/embed/XMzg1ODY1NTgyMA==' frameborder=0 'allowfullscreen'></iframe>
                </div>
            </div><!--video结束-->
            <div class="sidebar_ad">
                <img src="images/app.jpg"/>
            </div><!--sidebar_ad结束-->
        </div><!--sidebar结束-->
    </div><!--main结束-->
</div><!--wrap结束语-->
<div class="copyright">
    <div class="copyright_content">
        <ul>
            <li><a href="#">关于</a>
                <ul>
                    <li><a href="#">品牌故事</a></li>
                    <li><a href="#">联系我额们</a></li>
                     <li><a href="#">加入我们</a></li>
                     <li><a href="#">版权声明</a></li>
                </ul>
            </li>
            <li><a href="#">课程</a>
                <ul>
                    <li><a href="#">PHP开发</a></li>
                    <li><a href="#">前端开发</a></li>
                    <li><a href="#">JAVA开发</a></li>
                    <li><a href="#">Andraid开发</a></li>
                </ul>
            </li>
            <li><a href="#">课程</a>
                <ul>
                    <li><a href="#">PHP开发</a></li>
                    <li><a href="#">前端开发</a></li>
                    <li><a href="#">JAVA开发</a></li>
                    <li><a href="#">Andraid开发</a></li>
                </ul>
            </li>
            <li><a href="#">留言</a>
                <ul>
                    <li><a href="#">意见反馈</a></li>
                    <li><a href="#">问题留言</a></li>
                    <li><a href="#">谋体联络</a></li>
                    <li><a href="#">在线客服</a></li>
                </ul>
            </li>
            <li><a href="#"><img src="images/weixin.png"/>微信关注</a>
                <ul>
                    <li><img src="images/qrcode.jpg"/></li>
                </ul>
            </li>
        </ul>
    </div>
</div>
</body>
</html>